<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../style/fjol_style.css" rel="stylesheet" />
	</head>

	<body>
		
		<div class="mui-content">
		    <div class="mui-scroll-wrapper" style="line-height: 1.5em;">
		        <div class="mui-scroll">
		            <!--这里放置真实显示的DOM内容-->
		            <p class="p10">交易信息</p>
		            <ul class="mui-table-view">
		                <li class="mui-table-view-cell mui-media mui-clearfix">
		                    <a href="javascript:;" class="mui-pull-right">
		                        <p class="change-agent green02b260">查看砍价记录</p></a>
		                        <div class="mui-media-body">
		                            <span class="mui-badge mui-badge-success mui-badge-inverted f10">[在售]</span>区域+小区+楼号+门牌号
		                            <div class="mui-ellipsis mui-clearfix mt10">
		                            	
		                            	<div>
		                            		<p>
		                            			<span class="mui-badge mui-badge-success mui-badge-inverted f10">100</span>人关注
		                            			<span class="mui-badge mui-badge-success mui-badge-inverted f10">10</span>次砍价
		                            		</p>
		                            		<div><p class="mui-inline mr10">成交价格</p><span class="mui-badge mui-badge-warning mui-badge-inverted f12">150万</span></div>
		                            		<div><p class="mui-inline mr10">成交时间</p>2017年4月5日</div>
		                            		<div><p class="mui-inline mr10">交易进度</p>支付定金</div>
		                            	</div>
		                            </div>
		                        </div>
		                </li>
		            </ul>
		            <p class="p10 mt10">服务专员</p>
		            <ul class="mui-table-view">
		                <li class="mui-table-view-cell mui-media">
		                    <a href="javascript:;">
		                        <img class="mui-pull-right" src="../images/tophone.png" width="120">
		                        <div class="mui-media-body">
		                            <img src="../images/user-img.png" width="44" height="44" class="mui-pull-left mr10" />
		                            <div class="mui-ellipsis">
		                            	姓名<br />
		                            	电话
		                            </div>
		                        </div>
		                    </a>
		                </li>
		            </ul>
		            <p class="p10 mt10">交易进度</p>
		            <ul class="mui-list-unstyled bg-white pt5 pb10">
		            	<!-- 
		            		<i></i>已完成的icon
		            		<em></em>正在进行的icon
		            	-->
		            	<li class="done-rate">
		            		<i></i>交易进度
		            	</li>
		            	<li class="done-rate">
		            		<i></i>交易进度
		            	</li>
		            	<li class="done-rate">
		            		<i></i>交易进度
		            	</li>
		            	<li class="done-rate">
		            		<em></em>交易进度
		            		<p>预计时间：7个工作日</p>
		            	</li>
		            </ul>
		        </div>
		    </div>
		    
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/fj_public_js.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>